<template>
<div>
    <div class="wrapper">
		<div class="wrap">
			<div class="external_logo_area">
					<a class="milogo" href="#"><img src="../assets/img/logo.png" alt=""></a>
			</div>
			<div class="title-item">
				<h4 class="title_big30">注册下小米账号</h4>
			</div>
			<div>
				<div class="regbox">
					<div class="phone_step1">
						<h4 class="tit_normal">国家/地区</h4>
						<div class="listwrap">
							<div class="list-tit">
									<p class="p1">中国
										<i class="iconfont icon-icon11"></i>
									</p>	
							</div>
						</div>
						<div class="region_tip_text">
							<span>成功注册帐号后，国家/地区将不能被修改</span>
						</div>
					</div>
					<div class="phone_step1">
						<h4 class="tit_normal">手机号码</h4>
						<div class="listwrap">
								<span class="span1">
									<span class="span2">+86</span>
									<i class="iconfont icon-icon11 i11"></i>
								</span>
								<input type="text" class="input1" placeholder="请输入手机号码">
								<p class="danger1">！请输入手机号码</p>
						</div>
					</div>
					<div>
						<button class="btn">立即注册</button>
					</div>
				</div>
			</div>
		</div>
	</div>
    <div class="login-footer">
        <ul>
            <li><a href="#">简体</a>|</li>
            <li><a href="#">繁体</a>|</li>
            <li><a href="#">English</a>|</li>
            <li><a href="#">常见问题</a>|</li>
            <li><a href="#">隐私政策</a></li>
            <div class="clear"></div>
        </ul>
        <p class="clear">小米公司版权所有-京ICP备10046444
            <a href="#"><img src="../assets/img/ghs.png" alt=""></a>
                -京公网安备11010802020134号-京ICP证110507号
            </p>
    </div>
</div>
</template>

<script>
$(document).ready
 export default {
  data() {
    return {
     
    };
  }
};
</script>

<style scoped>
    body{
	background:#ddd;
	color:#666;
	font-size:14px;
	font-family:arial,"Hiragino Sans GB", "Microsoft YaHei","微軟正黑體","儷黑 Pro", sans-serif;
}
.wrapper{
	width:100%;
	min-height:100%;
	height:auto;
	margin-top:100px;
}
.wrap{
	width:854px;
	height:558px;
	margin:0 auto;
	background:white;
}
.external_logo_area{
	padding-bottom:40px;
	display:block;
}
.milogo{
	width:49px;
	height:48px;
	margin:0 auto;
	display:block;
	cursor:default;

}
.title-item{
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}
.title_big30{
	font-size:30px;
	font-weight:normal;
	color:#333;
	line-height:1.5;
	text-align:center;
}
.regbox{
	width:332px;
	height:306px;
	margin:0 auto;
	margin-top:40px;
}
.tit_normal{
	margin-bottom:10px;
}
.listwrap{
	width:332px;
	height:50px;
	border:1px solid #ddd;
}
.p1{
	line-height:57px;
	padding-left:20px;
}
.icon-icon11{
	float:right;
	width:50px;
	height:50px;
	border-left:1px solid #ddd;
	padding-left:18px;
	box-sizing:border-box;
}
.region_tip_text{
	margin-top:10px;
	margin-bottom:10px;
}
.span1{
	width:80px;
	line-height:50px;
	display:inline-block;
	position:relative;
	border-right:1px solid #ddd;
}
.span2{
	position:absolute;
	left:20px;
}
.i11{
	float:right;
	width:46px;
	border:none;
}
.input1{
	display:inline-block;
	width:243px;
	height:48px;
	border:none;
	outline:none;
	vertical-align:top;
	padding-left:5px;
	box-sizing:border-box;
}
.listwrap .danger1{
	display:block;
	padding:5px;
	color:red;
}
.btn{
	width:332px;
	height:50px;
	background:#FFA500;
	border:none;
	margin-top:50px;
}

/*底部文字样式*/
.login-footer{
    text-align: center;
    margin-top: 60px;
}
.login-footer ul li{
    display: inline-block; 
    color:#666; 
    font-size:14px;
}
.login-footer p{
    margin-top: 10px;
}
</style>

